Page({
  data: {
    // 用户信息
    userInfo: {
      phone: "",
      email: "",
    },
    // 安全区域信息
    safeAreaTop: 0,
    navBarHeight: 44,
    extraTopPadding: 20, // 额外的顶部间距
  },

  onLoad: function () {
    // 获取用户信息
    this.getUserInfo();
    // 获取设备信息以适配安全区域
    this.getSystemInfo();
  },

  // 获取系统信息并适配安全区域
  getSystemInfo: function () {
    const that = this;
    wx.getSystemInfo({
      success: function (res) {
        // 设置安全区域顶部高度
        that.setData({
          safeAreaTop: res.safeArea ? res.safeArea.top : 0,
          navBarHeight: res.statusBarHeight + 44, // 状态栏高度 + 导航栏高度
        });
      },
    });
  },

  // 获取用户信息
  getUserInfo: function () {
    const that = this;
    // TODO: 调用获取用户信息接口
    // wx.request({
    //   url: 'YOUR_API_URL',
    //   method: 'GET',
    //   success(res) {
    //     that.setData({
    //       userInfo: res.data
    //     })
    //   }
    // })
  },

  // 返回上一页
  handleBack: function () {
    wx.navigateBack();
  },

  // 修改密码
  handleChangePassword: function () {
    wx.navigateTo({
      url: "/pages/change-password/change-password",
    });
  },

  // 绑定手机号
  handleBindPhone: function () {
    wx.navigateTo({
      url: "/pages/bind-phone/bind-phone",
    });
  },

  // 绑定邮箱
  handleBindEmail: function () {
    wx.navigateTo({
      url: "/pages/bind-email/bind-email",
    });
  },

  // 查看登录历史
  handleLoginHistory: function () {
    wx.navigateTo({
      url: "/pages/login-history/login-history",
    });
  },

  // 退出登录
  handleLogout: function () {
    wx.showModal({
      title: "退出登录",
      content: "确定要退出当前账号吗？",
      confirmText: "确认退出",
      confirmColor: "#ff4d4f",
      success(res) {
        if (res.confirm) {
          // 清除登录状态和用户信息
          wx.clearStorage({
            success: () => {
              // 返回登录页面
              wx.reLaunch({
                url: "/pages/login/login",
              });
            },
          });
        }
      },
    });
  },
});
